<!--
 * @Author: 杨光辉_GerhardYang
 * @Date: 2020-11-14 00:49:08
 * @LastEditors: 杨光辉(GerhardYang)
 * @LastEditTime: 2021-06-05 10:39:34
 * @Description: filecontent
-->
<template>
  <a-card
    title="点位详细信息："
    size="small"
    class="details"
    style="width: 300px"
    v-show="visiable"
  >
    <a slot="extra" href="#" title="关闭" @click="onClose">
      <a-icon type="close" />
    </a>
    <a-table :columns="columns" :data-source="data" size="small" />
  </a-card>
</template>

<script>
export default {
  data() {
    return {
      selected_layer: null,
      nodelayerID: null,
      columns: [
        {
          title: "属性名",
          dataIndex: "key",
        },
        {
          title: "属性值",
          dataIndex: "value",
          ellipsis: true,
        },
      ],
    };
  },
  computed: {
    visiable() {
      return this.$store.state.Details.visiable;
    },
    data() {
      return this.$store.state.Details.data;
    },
  },
  methods: {
    onClose() {
      this.$store.state.Details.visiable = false;
    },
  },
};
</script>
<style lang="less" scoped>
.details {
  position: absolute;
  z-index: 129;
  top: 162px;
  right: 330px;
  width: 140px;
}
</style>
